<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page import="java.net.URLEncoder"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>无牌车出场</title>
<style type="text/css">
h3{
	text-align: center;
}
h3{
	font-size: 50px;
}
button {
	background-color: #1ea2de;
	width: 80%;
	height: 150px;
	border-radius:8px;
	border: 0;
}
</style>
</head>
<body>
<br>
<br>
	<c:if test="${result}">
		<h3>${parkLotName}</h3>
		<h3>进场时间: <span style="color:#1ea2de ">${inTime}</span></h3>
		<h3>离场时间: <span style="color:#1ea2de ">${outTime}</span></h3>
		<br>
		<h3 style="font-size: 55px;font-weight: 900">
			应缴费用:
			<span style="color:#1ea2de "><fmt:formatNumber type="number" value="${charge/10}" pattern="0.00" maxFractionDigits="2" />元</span>
		</h3>
		<c:if test="${charge>0}">
		<h3><button type="button" id="payBtn"><span style="color:white ;font-size: 50px; ">立即支付</span></button></h3>
		</c:if>
		<c:if test="${charge<=0}">
		<h3><span style="color:#1ea2de ;font-size: 50px; ">请通行</span></h3>
		</c:if>
	</c:if>

	<c:if test="${!result}">
		<h3>${msg}<h3>
	</c:if>
</body>
<script src="${ctx}/static/js/common.js"></script>
<script src="${ctx}/static/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	var paramObj = {
		"unifiedorderParams" : "${unifiedorderParams}",
	};
	var canSubmit = true;
	
	wx.config({
		debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		appId : "${signature.appId}", // 必填，公众号的唯一标识
		timestamp : "${signature.timestamp}", // 必填，生成签名的时间戳
		nonceStr : "${signature.nonceStr}", // 必填，生成签名的随机串
		signature : "${signature.signature}",// 必填，签名，见附录1
		jsApiList : [ 'chooseWXPay' ]
	// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	});
	
	$(function () {
		$("#payBtn").click(function(){
			openHfdPage();
		});
	});
	
	function openHfdPage() {
        var paraObj = {
            "appId": "${signature.appId}",
            "params": paramObj.unifiedorderParams
        };
        if (canSubmit) {
            canSubmit = false;
            $.post("${action}", paraObj, function (obj) {
                canSubmit = true;
                if (obj.result) {
                    var wxPayParams = JSON.parse(obj.data);
                    wx.chooseWXPay({
                        timestamp: wxPayParams.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                        nonceStr: wxPayParams.nonceStr, // 支付签名随机串，不长于 32 位
                        package: wxPayParams.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
                        signType: wxPayParams.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                        paySign: wxPayParams.paySign, // 支付签名
                        success: function (res) {
                        }
                    });
                } else {
                    showTips("warn", obj.msg);
                }
            });
        }
	}
</script>
</html>